/*===================== 重置样式 START =====================*/
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0;padding:0;}
/* h1,h3,h4,h5,h6{font-weight:300;} */
li{list-style:none;}
a{text-decoration:none;background:transparent;outline:none;color:#000;display:block;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
a:hover,.tran,.pub_button .pb_bg,.section_seven .item i{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display:table;width:100%;height:100%;}
.middle_box .middle{display:table-cell;vertical-align:middle;width:100%;text-align:center;}
img{border:0;vertical-align:middle;max-width:100%;display:block;}
table{border-collapse:collapse;border-spacing:0;}
input,textarea{-webkit-user-modify:read-write-plaintext-only;outline-style:none;border:none;font-size:14px;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#000;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#0097e2;}
textarea{resize:none;overflow:auto;}
input{padding-top:0;padding-bottom:0;}
;
select,input{vertical-align:middle;}
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.clear::before,.clear::after{content:"";display:table;}
.clear::after{clear:both;}
.fl{float:left;}
.fr{float:right;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:16px;color:#333;background-color:#fff;overflow-x:hidden;cursor: default;}
.error3{display:none!important;}
html,body{max-width:1920px;margin:0 auto;}
.inner{width:1440px;margin:0 auto;}
.w1500{width: 1500px;margin: 0 auto;}
.w1400{width: 1440px;margin: 0 auto;}
.inner1{width:1300px;margin:0 auto;}
.f_14{ font-size:14px; }
.f_16{ font-size:16px; }
.f_18{ font-size:18px; }
.f_20{ font-size:20px; }
.f_24{ font-size:24px; }
.f_26{ font-size:26px; }
.f_28{ font-size:28px; }
.f_30{ font-size:30px; }
.f_38{ font-size:38px; }
.f_48{ font-size:48px; }
.f_58{ font-size:58px; }
.f_72{ font-size:72px; }
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.header{width:100%;background:#161F4E;position:fixed;top:0;z-index:99999999999999;}
.header .logo img{margin-top:25px;}
.header .nav{float: left;}
.header .nav>ul li{float:left;height:46px;line-height:46px;text-align:center;position: relative;padding-right: 34px;}
.header .nav>ul li::before{
	position: absolute;
	content: "";
	right: 17px;
	width: 1px;
	height: 15px;
	background: #263450;
	top:16px;
}
.header .nav>ul li a{color:#fff;position:relative;z-index:1;font-size:16px;font-weight: normal;}
.header .nav>ul li i{position:absolute;width:100%;height:0;background-color:#0097e2;left:0;top:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav>ul li a:hover i,.header .nav ul li a.active i{height:100%;}
.header .nav>ul li a:hover,.header .nav ul li a.active{color:#0097e2;}
.header .product_son{display:none;position:absolute;left:0;top:140px;text-align:center;font-size:0;width:100%;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.header .nav>ul li ul{display: none;position: absolute;top: 46px;left: -16px;width: 100%;background: #fff;box-shadow: 0 0 15px rgb(104, 104, 104);transform: translateX(15px);transition: all .3s;}
.header .nav>ul li ul a{
	border-bottom: 1px solid #f3f3f3;
	color: #000;
}
.header .nav>ul li:hover ul{display: block;transform: translateX(0px);}
.header .nav>ul li ul a:hover{
	color: #fff;
	background: #0097e2;
}
.header .nav>ul li:hover .cpnav{display: block;}
.header .nav>ul li .cpnav{display: none;position: absolute;top: 46px;left: -300px;width: 1400px;background: #fff;box-shadow: 0 0 15px rgb(104, 104, 104);transform: translateX(15px);transition: all .3s;text-align: left;
padding: 5px 30px 20px 30px;

}
.header .nav>ul li .cpnav dt{
	margin-top: 15px;
}
.header .nav>ul li .cpnav dt a{
	color: #0097e2;
	width: 100%;
	font-size: 20px;
}
.header .nav>ul li .cpnav dd{
	padding: 5px 0 15px 0;
}
.header .nav>ul li .cpnav dd a{
	color: #000; 
	width: 16%;
	float: left;
	display: block;
	text-align: left;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	padding-left: 10px;
	box-sizing: border-box;
}
.header .nav>ul li .cpnav dd a:hover{
	color: #0097e2;
}
.header .call{height: 36px;line-height: 36px;}
.header .call h3{color:#fff;font-weight: normal;}
.header .call h3 a{display: inline-block; color: #fff;}
.header .call h3 a span{font-size: 26px;margin-left: 15px;vertical-align:top;transition: all .3s;display: inline-block;color: #ffbc42;}
.header .call h3 a:last-child span{font-size: 32px;}
.header .call h3 a:nth-of-type(1) span{font-size: 22px;}
.header .call h3 a:nth-of-type(2) span{font-size: 26px;}
.header .call h3 a:nth-of-type(3) span{font-size: 34px;}
.header .call h3 a:hover span{color: #fff;transform: translateY(2px);}
.header .call .icon-dianhua{display: inline-block;padding-right: 10px;}

.banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:59px;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{display: none;}
.swiper-pagination-bullet-active{background-color:#0097e2!important;border-color:#0097e2!important;}
.video_banner .swiper-pagination-bullet-active{background-color:#0097e2!important;color:#fff;border-color:#0097e2!important;width:30px!important;height:30px!important;}
.video_banner .swiper-pagination-bullet{width:30px;height:30px;border-radius:0;line-height:30px;}
.pub_button{position:relative;z-index:1;}
.pub_button .pb_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#41bf2c;-webkit-transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transform-origin:left 100%;-webkit-transform-origin:left 100%;transform:scaleY(0);-webkit-transform:scaleY(0);visibility:hidden\9;z-index:-1;}
.pub_button:hover .pb_bg,.pub_button.active .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}
.prefooter{position: relative;margin-top: -215px;}
.inner-wrap{width: 82%; margin: 0 auto; padding: 40px 50px 60px 50px;background-image: url(../images/image-kontakt.jpg);background-position: center center;
    background-repeat: no-repeat;border-radius: 5px;  background-size: cover;max-width: 1230px;}
.inner-wrap .pf-title{font-size:36px;line-height:36px;color:#FFF; padding-left: 20px;}
.inner-wrap .pf-text{font-size:20px;line-height:32px;color:#FFF; padding-left: 20px;}
.inner-wrap .tel-btn{font-size: 20px; font-weight: 500;  width: 310px;  padding: 13px 15px 10px 15px !important; height: 58px;color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); visibility: visible;border-radius: 5px;box-sizing: border-box !important;}
.inner-wrap .mail-btn{font-size: 20px; font-weight: 500;  width: 310px;  padding: 13px 15px 10px 15px !important; height: 58px;color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); visibility: visible;border-radius: 5px;margin-top: 10px;box-sizing: border-box !important;}
.inner-wrap .tel-btn .prefooter-tel{background: url(../images/icon-tel.svg) no-repeat;  display: inline-block; vertical-align: middle;  margin-right: 15px;
    text-indent: 50px;  height: 35px;  line-height: 35px;  width: 100%; color:#000;}
.inner-wrap .mail-btn .prefooter-mail{background: url(../images/icon-mail.svg) no-repeat;  display: inline-block; vertical-align: middle;  margin-right: 15px;text-indent: 50px;  height: 35px;  line-height: 35px;  width: 100%;color:#000;}	





#footer{background-image: linear-gradient(to right,#1e3381, #38a5d4);width:100%;padding-top:1px;background-attachment: fixed;background-size: cover;}
#footer .footer_con{width:1440px;margin: 0 auto;}
.ffcon{overflow: hidden;border-bottom: 1px solid #3a60b2;height: 90px;line-height: 90px;}
.ffcon .fl{color: #fff;background:url(../../img/logo.png) left 10px no-repeat;padding-left: 70px;}
.ffcon .fr{color: #fff;margin-top: 20px;}
.ffcon .fr a{height: 40px;line-height: 40px;color: #fff;display: block;padding: 0 40px;border: 1px solid #fff; }
.ffcon .fr a span{display: inline-block;padding-right: 10px;}
.ffcon .fr a:hover{background: #006060;border: 1px solid #006060;box-shadow: 0 0 15px #006060; }
#footer h4{font-size:16px;font-weight:bold;color:#fff;position:relative;margin-bottom:30px;text-align: left;padding-top: 20px;}
#footer h4::before{position:absolute;content:"";bottom:-10px;left:0;background:#fff;width:50px;height:3px}
#footer .f1{width:40%;}
#footer .f1 a{width: 29%;float: left;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 8px 10px 0 0;}
#footer .f2{width:20%;}
#footer .f2 p{width:100%;line-height:32px;color:#fff; font-size: 20px;}
#footer .f3{width:28%;margin-left:80px;color:#fff;font-size: 20px;}
#footer .f3 p{color:#fff;line-height:180%}
#footer .item{float: left; width: 48%;}
#footer .item span{text-align: center;display: block;}
#footer .item img{margin: 0 auto; width: 170px;}

.copyright{height:60px;line-height:60px;color:#fff;font-size:14px;text-align:center;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 15px;}
.copyright img{display:inline-block;margin:0 10px 4px;}
.copyright a{display:inline-block;margin:0 10px;color:#fff;}

@media (max-width:1200px){
	.pub_title h4 span{font-size:30px;margin:0;}
	.pub_title h4 i{font-size:60px}
}
/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

.sygg{width:1300px;margin:58px auto 0;height:107px;background: linear-gradient(50deg,#87c12b,#0097e0);}
.sygg .fl{color:#fff;text-indent:50px;width: 900px;padding: 20px 15px 0;box-sizing: border-box;}
.sygg .fl h4{font-size:20px;font-weight:400;}
.sygg .fr{background:#e7eff0 url(../images/a2.png) no-repeat 30px 40px;height:100%;width:400px;padding-top:30px;box-sizing:border-box;padding-left:100px;}
.sygg .fr p{font-size:16px;}
.sygg .fr h5{font-family:impact;font-size:35px;background: linear-gradient(50deg,#87c12b,#0097e0);-webkit-background-clip: text;    color: transparent;display: inline-block;}
#scroll_one{height:426px;width:90%;position:relative;overflow:hidden;margin:0 auto;padding:20px 0;box-sizing:border-box;}
#scroll_one ul{width:100000px;position:absolute;left:0;}
#scroll_one ul li{float:left;text-align:center;overflow:hidden;padding: 10px;}
#scroll_one ul li img{width:430px;height: auto;border: 7px solid #fff;box-shadow: 0 0 15px rgba(0,0,0,0.3);}
#scroll_one ul li h3{font-size:16px;color:#fff;line-height:30px;font-weight: normal;}
#scroll_one ul li a:hover h3{color: #fff;}
.section_two{overflow:hidden;}
#top_scroll{height:900px;overflow:hidden;max-width:90%;margin:50px auto 0 auto;}
#top_scroll ul li{float:left;width:24%;margin:0.5%;text-align:center;}
#top_scroll ul li .img{overflow:hidden;}
#top_scroll ul li img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
#top_scroll ul li:hover img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-filter:brightness(1.3);filter:brightness(1.3);}
#scroll_one ul li:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
#top_scroll ul li .clear{height:95px;border-bottom:1px solid #e1dfe0;line-height:95px;padding:0 10px;}
#top_scroll ul li h3{color:#000;font-size:18px;float:left;width:67%;text-align:left;}
#top_scroll ul li span{float:right;height:34px;line-height:34px;margin-top:30px;border:1px solid #dcdcdc;color:#000;width:30%;border-radius:70px;font-size:14px;}
#top_scroll ul li:hover .clear{background: linear-gradient( 50deg ,#87c12b,#0097e0);}
#top_scroll ul li:hover span{border-color:#0097e2;background-color:#fff;}
#top_scroll ul li:hover h3{color:#fff;}
.section_two .more{cursor:pointer;width:540px;height:48px;background-color:#0097e2;line-height:48px;margin:50px auto;border-radius:60px;}
.section_two .more a.fl{width:174px;height:48px;font-size:18px;color:#fff;line-height:48px;background-color:#ffbc43;border-radius:60px;text-align:center;}
.section_two .more strong{display:inline-block;vertical-align:top;color:#fff;margin-left:20px;}
.section_two .more strong{font-size:30px;font-family:impact;display:inline-block;vertical-align:top;}
.section_two .more:hover{background-color:#f1f1f1;}
.section_two .more:hover a.fl{background-color:#d50311;color:#fff;}
.section_two .more:hover strong{color:#d50311;}
/*简介*/
h2.tit a{text-align: center;font-size: 38px;display: block;margin-bottom: 50px;font-weight: bold;color: #fff;}
h2.tit a em{font-size: 18px;display: block;font-weight: normal;padding-top:23px;font-style: normal;opacity: .8;}
.about{position: relative;overflow: hidden;margin-top: 50px;height:760px;box-sizing: border-box;background: url(../images/abg.jpg) no-repeat top center; background-size: cover;background-attachment: fixed;}
.about>.fl{margin-top: 173px;}
.about .ystxt{position: absolute;left: 10%;bottom: 50px;}
.about .ystxt p{color:#fff;}
.about .ystxt p:nth-child(2){text-indent: 50px;}
.about .ystxt .ystel{display: inline-block;background: #0097e2;border-radius: 50px;padding: 0 50px;line-height: 50px;margin-top: 20px;}
.about .ystxt .ystel *{display: inline-block;}
.about .ystxt .ystel a{color: #fff;font-family: impact;}
.about .ystxt .ystel a em{font-style: normal;margin-left: 10px;}
.atel{position: absolute;left: 0px;right: 0;top: 50px;margin: auto;width: 1300px;z-index: 10;text-align: center; }
.atel ul li{width: 234px;height: 234px;border-radius: 50%;overflow: hidden;background: #41bf2c;box-shadow: 0 0 30px rgba(16, 115, 130, .3);display: inline-block;text-align: center;color: #fff;box-sizing: border-box;padding:20px 15px 0;margin: 0 30px;vertical-align: top;animation: sss3 1s infinite alternate linear;} 
.atel ul li:nth-child(2n){background: #0097e2;box-shadow: 0 0 30px rgba(236, 85, 4, .3);}
.atel ul li:nth-child(2){margin-top: 35px;animation: sss 1.2s infinite alternate linear;}
.atel ul li:nth-child(3){margin-top: 125px;animation: sss1 1.4s infinite alternate linear;}
.atel ul li:nth-child(4){margin-top: 270px;animation: sss2 1.6s infinite alternate linear;}
.atel ul li img{display: inline-block;}
.atel ul li h5{font-size: 20px;font-weight: 700;}
.atel ul li p{font-size: 14px;}
@keyframes sss3 {
	0%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(15px);
	}
}
@keyframes sss {
	0%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(-10px);
	}
}
@keyframes sss1 {
	0%{
		transform: translateY(-5px);
	}
	100%{
		transform: translateY(0);
	}
}
@keyframes sss2 {
	0%{
		transform: translateY(-15px);
	}
	100%{
		transform: translateY(0);
	}
}
.ab {background: url(../images/c1.jpg) no-repeat top center;background-attachment: fixed;background-size: cover;padding-top: 1px;height: 785px;margin-top: 50px;}
.ab .middl_box{width: 100%;background:  url(../images/atbg.png) no-repeat center bottom ;position: relative;transition: .8s;z-index: 8;box-sizing: border-box;height: 785px;    background-size: contain;}
.ab .middl_box .auto{width: 1200px;margin: 100px auto 0;text-align: center;}
.ab_t{transition: .3s;position: relative;}
.ab_t h4{font-weight: 700;color: #fff;font-weight: 700;}
.ab_t p{letter-spacing: 10px;}
.atxt{margin-top: 40px;}
.ab .middl_box h3{border-bottom: 1px solid #ffffff57;}
.ab .middl_box h3 a{font-size: 60px;color: #46a657;font-weight: bold;height: 150px;font-family: Arial;}
.ab .middl_box h3 a em{font-size: 16px;color: #fff;font-weight: normal;display: block;padding-bottom: 20px;font-style: normal;}
.ab .middl_box p{color: #fff;line-height: 30px;margin-top: 24px;margin: 0;}
.ab .middl_box:hover{background-position: center 450px}
.ibrand-num { padding: 25px 0 0; }
.ibrand-num li { float: left; width: 182px; height: 182px;  margin-left: 157px; text-align: center; color: #006060; font-size: 20px; position: relative; border-radius: 50%;
    background: #fff;}
.ibrand-num li:first-child { margin-left: 0; }
.ibrand-num li span { font-size: 42px; font-family: Verdana, Geneva, sans-serif; }
.ibrand-num li b { display: block; font-size: 16px; color: #666; font-weight: normal; padding: 10px 0 0; }
.ibrand-num li .spinner { position: absolute; top: 0; right: 0; width: 174px; height: 174px; border: 4px solid #e8e8e8; border-radius: 50%; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
.ibrand-num li:hover .spinner { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); border-color: #006060; }
.ibrand-num .four_li01 .spinner { border-right-color: #006060; }
.ibrand-num .four_li02 .spinner { border-top-color: #006060; }
.ibrand-num .four_li03 .spinner { border-left-color: #006060; }
.ibrand-num .four_li04 .spinner { border-bottom-color: #006060; }
.ab .amore{display: inline-block;border-radius: 50px;background:#41bf2c ;padding-right: 20px;margin-top: 80px;}
.ab .amore a{color: #fff;line-height: 50px;transition:all .3s;display: inline-block;vertical-align: bottom;}
.ab .amore a.xq{border-radius: 50px;width: 195px;text-transform: uppercase;color: #000;background: #fff;}
.ab .amore a.acall{font-family: impact;}
.ab .amore a.xq:hover{background-color:#0197df;color: #fff;}
.ab .amore a.acall:hover{opacity: .8;}


.al_one{margin:50px 0;background:url(../images/d2.jpg) right top no-repeat;}
.al_one .pub_title p{margin: 0;}
.al_one .info .swiper-container { width: 100%; padding-top: 50px; padding-bottom: 50px; }
.al_one .info .swiper-slide { background-position: center; background-size: cover; width: 600px; box-sizing: border-box }
.al_one .info .swiper-slide img{width: 100%;}
.al_one .info .more{text-align:center;font-size:0;}
.al_one .info .more .call,.al_one .info .more .but{display:inline-block;vertical-align:top;}
.al_one .info .more .call{height:50px;text-indent:1em;line-height:50px;padding:0 40px;border-radius:100px;font-size:28px;font-family:impact;background:#0097e2 url(../images/d1.png) 30px center no-repeat;}
.al_one .info .more .call a{color:#fff;}
.al_one .info .more .but{width:250px;height:50px;line-height:50px;margin-left:20px;border-radius:100px;background-color:#41bf2c;text-align:center;font-size:16px;color:#fff;}
.al_one .info .more .but:hover{background:#0097e2}

#scroll_one1{height:570px;width:100%;position:relative;overflow:hidden;margin:20px auto 0 auto;}
#scroll_one1 ul{width:100000px;position:absolute;left:0;}
#scroll_one1 ul li{float:left;width:350px;text-align:center;margin-right:12px;}
#scroll_one1 ul li h3{color:#000;height:40px;line-height:40px;font-size:16px;transition: all .3s;}
#scroll_one1 ul li:hover h3{background-color:#0097e2;color:#fff;}
#scroll_one1 ul li div{background: #fff;vertical-align: middle;height: 461px;position: relative;}
#scroll_one1 ul li div img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;}


.section_nine{background:url(../images/bg7.jpg) center no-repeat;}
.section_nine .pub_title{padding:30px 0;}
.tabbox{width:1200px;margin:0px auto 0;}
.tabbox .content{width:508px;overflow:hidden;position:relative;height:465px;}
.tabbox .content ul{position:absolute;left:0;top:0;height:100%;}
.tabbox .content li{width:508px;float:left;height:465px;position:relative}
.tabbox .content li img{display:block;width:508px;height:465px;}
.tabbox .content li .arrow{position:absolute;bottom:0;width:100%;height:70px;}
.tabbox .tab{width:670px;}
.tabbox .tab .item{width:670px;height:136px;margin-bottom:28px;background-color:#eeeeee;}
.tabbox .tab .item a{display:block;}
.tabbox .tab .item .img{height:136px;width:172px;overflow:hidden;}
.tabbox .tab .item .img img{display:block;height:100%;max-width:none;}
.tabbox .tab .item .info{width:456px;height:138px;padding:0 20px;}
.tabbox .tab .item h3{font-size:16px;color:#181818;padding:30px 0 10px 0;}
.tabbox .tab .item p{font-size:14px;color:#222222;line-height:22px;height:44px;overflow:hidden;}
.tabbox .tab .item.on{background-color:#41bf2c;}
.tabbox .tab .item.on h3,.tabbox .tab .item.on p{color:#fff;}
.tabbox h3 strong{width:80%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*===================== 首页 END =====================*/

/* ========================= 内页 START ========================= */

/* ===================== 产品列表页 ===================== */
#list{margin:30px 0;}
#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{width:1500px;margin:0 auto;}
@media(max-width:1505px){
	#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{width:1200px;}
}
.showlist{width:100%;/* float:left; */}

/*.showlist div *{width:100%;}*/
.showlist li{width:98%;margin:0 auto 20px;overflow:hidden;position:relative;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.showlist .wrap_box{float:left;}
.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}
#showdata{display:none;}
#loaddata{text-align:center;}
.showlist li .img{overflow:hidden;}
.product_list_one .showlist,.product_list_two .showlist,.product_list_three .showlist{display:none;}
.product_list_one #showdata,.product_list_two #showdata,.product_list_three #showdata{display:block!important;}
.product_list_one .item,.product_list_two .item,.product_list_three .item{float:left;width:32.33%;margin:0 0.5% 30px;}
.product_list_one .item .img,.product_list_two .item .img{position:relative;overflow:hidden;}
.product_list_one .item img,.product_list_two .item img,.product_list_two .item strong,.product_list_three .item em{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.product_list_one .item:hover img,.product_list_two .item:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.cpimg{position: relative; padding-bottom: 75%; overflow: hidden;}
.cpimg img{position: absolute; height: 100%; width: 100%;}
.alimg{position: relative; padding-bottom: 75%; overflow: hidden;}
.alimg img{position: absolute; height: 100%; width: 100%;}
.ryimg{position: relative; padding-bottom:150%; overflow: hidden;}
.ryimg img{position: absolute; width: 100%;}
/* 样式一 */
.product_list_one .item .info{padding:20px;background:url(../../images/arrow.png) right 57px no-repeat;}
.product_list_one .item strong{display:block;width:95%;font-weight:100;font-size:18px;text-transform:uppercase;}
.product_list_one .item .line2{width:100%;height:2px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:transform .7s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9;background-color:#0097e2;}
.product_list_one .item p{display:none;}
.product_list_one .item:hover .line2{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9;}
.product_list_one .item:hover .info{background:url(../../images/arrow.png) right center no-repeat;}
.product_list_one .item:hover strong{border-right:1px solid #f1f1f1;}

/* 样式一 */

/* 样式二 */
.product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;}
.product_list_two .item .info strong,.product_list_three .item .info strong{display:block;color:#555;font-size:18px;font-weight:100;padding-top:30px;}
.product_list_two .item .line1{width:0%;height:1px;margin-top:8px;}
.product_list_two .item .info p,.product_list_three .item .info p{display:none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow:hidden;margin-top:8px;}
.product_list_two .item .line2{display:none;}
.product_list_two .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);}
.product_list_two .item:hover .info{background-color:#fff;}
.product_list_two .item:hover strong{color:#0097e2;transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.product_list_two .item:hover .line1{width:100%;height:1px;background-color:#0097e2;}
.product_list_two .item:hover p{transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);}

/* 样式二 */

/* 样式三 */
.product_list_three .item .info strong{padding:0;}
.product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;}
.product_list_three .item .info{padding:15px;}
.product_list_three .item em{font-style:normal;float:right;width:10px;height:3px;background-color:#0097e2;margin:0px 15px 0 0;}
.product_list_three .item:hover em{width:30px;}
.product_list_three .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);background-color:#fff;}

/* 样式三 */

/* 产品内页图 */
.product_article .img1{display:none;}
.product_article .title{overflow:hidden;padding:10px 0 0;}
.product_article .title h1{text-align:center;font-size:22px;color:#333;}
.product_article .title .time{display:block;height:30px;line-height:30px;text-align:center;margin:14px 0 0;font-size:14px;color:#999;}
.product_article .title .time img{display:inline-block;height:18px;margin-top:-2px;margin-right:10px;}
.product_article .title .share{text-align:center;height:24px;line-height:24px;margin-top:10px;}
.product_article .title .share span{display:inline-block;vertical-align:top;}
.product_article .title .bdsharebuttonbox{display:inline-block!important;vertical-align:top;}

/* 产品内页图 */

/* ===================== 产品列表页 ===================== */

/* ===================== 产品 详情页 ===================== */
.img_big_box{width:55%;float:left;}
.img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position:relative;border-bottom:none;}
.img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align:center;}
.img_big_box .small_box img{max-height:80px;display:inline-block;margin:10px 5px;border:1px solid #fff;}
.img_big_box .small_box img.active{border-color:#0097e2;}
.info_big_box{width:42%;float:right;height:502px;}
.info_big_box h1{color:#444;line-height:36px;font-weight:bold;font-size:26px;margin-top:60px;}
.info_big_box .info_1{margin:30px 0 0;}
.info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;}
.info_big_box .info_1 .dh img{float:left;width:30px;margin-top:5px;}
.info_big_box .info_1 .dh span{float:right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;}
.info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;}
.info_big_box .info_2{padding:10px;}
.info_big_box .share{height:24px;line-height:24px;margin:20px 0;}
.info_big_box .share span{font-size:16px;color:#555;}
.bdshare-button-style0-24 a,.bdshare-button-style0-24 .bds_more{margin:0 6px 0 0!important;}

.info_big_box .info_3 span{display:inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;}
.info_big_box .info_3 span img{display:inline-block;height:20px;margin-bottom:3px;margin-right:6px;}
.xgcp_title{padding:10px;background-color:#fafafa;margin:30px 0 0;}
.xgcp_title h3{color:#0097e2;border-left:2px solid #0097e2;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;}
.article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;}
.article_box{padding-top:30px;}
.article_box img,.article_content img{display:inline;}
.article_box p,.article_content p{margin-bottom:14px;}
#xgcp ul li{float:left;text-align:center;width:23%;margin:1%;}
#xgcp ul li strong{display:block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align:center;}
#xgcp ul li:hover strong{color:#fff;}
#xgcp ul li:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}
.pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align:center;}
.pagenum a{display:inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #0097e2;border-radius:60px;font-size:0px;}
.pagenum span{font-size:16px;color:#0097e2;}
.pagenum a:hover{background-color:#0097e2;}
.pagenum a:hover span{color:#fff;}
/* ===================== 产品 详情页 ===================== */

/* ===================== 内页 Banner 图 ===================== */
#nyba{height:550px;position:relative;overflow:hidden;background:url(images/neibanner.jpg) ;background-position:top center;background-repeat:no-repeat;background-attachment:fixed;box-sizing: border-box;margin-top: 0px;}
.fade_text{text-transform:uppercase;margin-top:12%;text-align:center;font-size:0;}
.fade_text span{color:#fff;display:inline-block;}
.fade_text .cn{height:95px;line-height:95px;overflow:hidden;}
.fade_text .cn span{font-size:72px;}
.fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;}
.fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;}
.arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:20px;overflow:hidden;width:8px;}
.arrow_down .line{display:block;width:1px;height:40px;margin:0 3px;background:#fff;}
.arrow_down .aw{display:block;width:100%;height:5px;margin-top:3px;background:url('../images/aw.png') no-repeat;}
.arrow_down .lg{-webkit-animation:long 1.5s linear alternate infinite;animation:long 1.5s linear alternate infinite;}
@-webkit-keyframes long{
	from{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
	to{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes long{
	from{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
	to{-webkit-transform:translateY(0);transform:translateY(0);}
}
.son_list{position:absolute;height:50px;width:100%;bottom:10px;left:0;text-align:center;}
.son_list a{display:inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color:#fff;font-size:16px;text-align:center;line-height:50px;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.son_list a i{background-color:#0097e2;position:absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);}
.son_list a:hover i,.son_list a.active i{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
.son_list a:hover,.son_list a.active{color:#fff;}

/* ===================== 内页 Banner 图 ===================== */

/* ===================== 面包屑导航 ===================== */
.position_now{height:60px;line-height:60px;font-size:14px;background-color:#f1f1f1;}
.position_now a{display:inline-block;}
.position_now .fl{color:#707070;}
.position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;}
.position_now .fr{font-family:impact;color:#707070;font-size:14px;float: left;}
.position_now .fr img{height:26px;display:inline-block;margin-right:8px;vertical-align:middle;}
.position_now .fr a{color: #707070;}
.position_now .fr strong{font-weight:100;}
.position_now .nnav{float: right;}
.position_now .nnav a{padding: 0 35px;position: relative;font-size: 18px;font-weight: 100;position: relative;z-index: 2;color:#707070;}
.position_now .nnav a::after{position: absolute;left: 0;right: 0;width: 0%;height: 100%;bottom: 0px;margin: 0 auto;content: "";background: #fff;transition: all .3s; color: #036eb8;z-index: 0;box-sizing: border-box;z-index: -1;}
.position_now .nnav a:hover::after,.position_now .nnav .active::after{width: 100%;color: #fff !important; background: #036eb8;}
.position_now .nnav a:hover,.position_now .active{color: #fff !important; background: #036eb8;}


.news_one .news_box li{margin-bottom:20px;}
.news_one .news_box li .img{width:26%;height:300px;overflow:hidden;float:left;border-radius:8px;position:relative;}
.news_one .news_box li .img img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_one .news_box li .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);}
.news_one .news_box li .img .bg i{opacity:0;position:absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../images/news_arrow.png) center/100% no-repeat;}
.news_one .news_box li .info{width:70%;height:240px;float:right;padding-top:60px;}
.news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;}
.news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;}
.news_one .news_box li .info .line{width:100%;height:1px;background-color:#e5e9ef;margin-bottom:20px;}
.news_one .news_box li .info .line i{display:block;width:0%;height:1px;background-color:#0097e2;}
.news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow:hidden;}
.news_one .news_box li:hover .info{padding-top:50px;}
.news_one .news_box li:hover .line i{width:100%;}
.news_one .news_box li:hover h3{color:#0097e2;}
.news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);}
.news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;}
.news_article_box .left_fixed{position:fixed;left:0;top:0;width:30%;height:100%;z-index:-1;}
.news_article_box .left_fixed .text{padding:35% 0 0 25%;}
.news_article_box .left_fixed h6{font-size:70px;color:#0097e2;opacity:0.5;font-style:italic;font-family:impact;}
.news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;}
.news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;}
.news_article_box .left_fixed .return:after{content:'';}
.news_article_box .right_article{float:right;width:70%;background-color:#f5f5f5;overflow:hidden;margin-top: 112px;}
.news_article_box .inner_content{padding:30px 50px;}
.news_article_box .h1_title{padding:70px 40px;background-color:#E5E5E5;line-height:1.5;}
.news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;}
.news_article_box .h1_title .time img{height:20px;display:inline-block;margin:-4px 10px 0 0;}
.news_article_box .h1_title .time span{color:#777;font-size:16px;}
.page_list{text-align:center;}
.page_list b{font-size:0;}
.page_list b a,.page_list b font{display:inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align:center;}
.page_list b font{background-color:#0097e2;color:#fff;border-color:#0097e2;}
.page_list_span1{display:none;}

/* 新闻样式 1 */

/* 新闻样式 2 */
.news_two .news_box li{float:left;width:31.33%;margin:1%;overflow:hidden;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_two .news_box li a{padding:20px;background-color:#f3f3f3;position:relative;}
.news_two .news_box li .time strong{font-size:50px;color:#0097e2;display:inline-block;font-family:"SimHei";position:relative;}
.news_two .news_box li .time strong::after{content:'';position:absolute;left:0;top:30px;width:0px;background-color:#0097e2;height:2px;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_two .news_box li .time span{font-size:12px;color:#333;display:block;font-family:"SimHei";}
.news_two .news_box li h3{color:#333;font-size:18px;line-height:26px;height:52px;overflow:hidden;margin:15px 0 10px;}
.pc .news_two .news_box li:hover h3{color:#0097e2;}
.news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow:hidden;margin-bottom:10px;}
.news_two .news_box li i{position:absolute;background-color:#0097e2;}
.news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;}
.news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;}
.pc .news_two .news_box li:hover i.i1{width:30px;}
.pc .news_two .news_box li:hover i.i2{height:30px;}
.pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);}
.pc .news_two .news_box li:hover strong::after{width:100%;}
.fixed_body{display:none;position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;}
.fixed_body .fixed_article{display:none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);}
.fixed_body .fixed_article .fb_close{position:absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#0097e2;}
.fixed_body .fixed_article .fb_close i{display:block;margin:10px auto 0;width:40px;height:40px;background:url(../../images/jia.png) center center/80% no-repeat;}
.fixed_body .fixed_article .fb_close:hover i{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display:block;}
@media(max-width:1505px){
	.fixed_body .fixed_article{width:1000px;margin-right:-500px;}
}

/* 新闻样式 2 */

/* ===================== 新闻页面 ===================== */

/* ===================== 产品页 左侧 导航 ===================== */
#list .left_side{width:280px;}
#list .left_side .box_one,#list .left_side .box_two{width:260px;background-color:#0097e2;padding:10px 10px;}
#list .left_side .box_one .title{text-align:center;margin-bottom:20px;}
#list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
#list .left_side .box_one .title p{color:#fff;font-size:16px;}
#list .left_side .box_one ul li{line-height:45px;background-color:#fff;margin-bottom:5px;text-align:left;}
#list .left_side .box_one ul li a{position:relative;z-index:1;overflow:hidden;height:45px;font-size: 18px;}
#list .left_side .box_one ul li span,#list .left_side .box_one ul li em{font-size:14px;position:absolute;display:block;width:96%;height:100%;padding-left:4%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#list .left_side .box_one ul li span{left:0;top:0;background-color:#fff;}
#list .left_side .box_one ul li em{right:-100%;top:0;background-color:#0097e2;color:#fff;}
#list .left_side .box_one ul li a:hover span,#list .left_side .box_one ul li a.active span{top:100%;}
#list .left_side .box_one ul li a:hover em,#list .left_side .box_one ul li a.active em{right:0;}
#list .left_side .box_one ul li .son_nav{border-top:1px solid #0097e2;}
#list .left_side .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;position:relative;}
#list .left_side .box_one ul li .son_nav a::after{content:'';position:absolute;left:20px;top:20px;width:8px;height:1px;background-color:#0097e2;}
#list .left_side .box_one ul li .son_nav a:hover::after,#list .left_side .box_one ul li .son_nav a.active::after{background-color:#fff;}
#list .left_side .box_one ul li .son_nav span{padding-left:40px;}
#list .left_side .box_two{margin-top:10px;padding:20px 10px;background: #41bf2c;}
#list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;}
#list .left_side .box_two strong{color:#fff;font-size:30px;display:block;margin-bottom:10px;font-family:impact;font-weight:100;}
#list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align:center;}
#list .left_side .box_two .more i{background-color:#ffbc42;}
#list .left_side .box_two .more:hover{color:#fff;}
#list .right_side.fr{width:1200px;}
@media(max-width:1505px){
	#list .right_side.fr{width:900px;}
}

/* ===================== 产品页 左侧 导航 ===================== */

/* ===================== 全局搜索框 ===================== */
.form_box{display:none;border:1px solid #f1f1f1;border-radius:5px;margin-bottom:20px;}
.form_box .sf{margin:0 auto;text-align:center;font-size:0;}
.form_box .an{display:inline-block;border:1px solid #f1f1f1;background-color:#fff;color:#333;height:40px;border-radius:8px;margin:10px 5px;font-size:16px;line-height:40px;padding:0px 15px;outline:none;}
.form_box .an{vertical-align:bottom;}
.form_box .an:hover{border-color:#0097e2;}
.form_box .inp{height:38px;vertical-align:bottom;}
.form_box .submit{width:80px;cursor:pointer;}

/* ===================== 全局搜索框 ===================== */

/* ===================== 在线留言 ===================== */
.form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow:0px 20px 80px rgba(76,76,76,0.1);}
ul.fs{width:1000px;margin:0 auto;}
ul.fs input,ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:0.8s;-o-transition:0.8s;-ms-transition:0.8s;-moz-transition:0.8s;transition:0.8s;}
ul.fs .box1 li{float:left;width:320px;margin-right:20px;}
ul.fs .box1 li:nth-of-type(3){margin:0;}
ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}
ul.fs li input:hover{border-color:#0097e2;}
ul.fs .box1 li input::-webkit-input-placeholder,ul.fs li.textarea textarea::-webkit-input-placeholder,ul.fs li.yzm input::-webkit-input-placeholder{color:#999;}
ul.fs .box1 li input:-moz-placeholder,ul.fs li.textarea textarea:-moz-placeholder,ul.fs li.yzm input:-moz-placeholder{color:#999;}
ul.fs .box1 li input:-ms-input-placeholder,ul.fs li.textarea textarea:-ms-input-placeholder,ul.fs li.yzm input:-ms-input-placeholder{color:#999;}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}
ul.fs li.textarea textarea:hover{border-color:#0097e2;}
ul.fs li.radio{text-align:center;}
ul.fs li.radio label{margin:0 10px;}
ul.fs li.yzm{text-align:center;margin:20px 0;}
ul.fs li.yzm img{display:inline-block;height:20px;}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#0097e2;}
ul.fs li.submit input{height:50px;margin:0 auto;display:block;cursor:pointer;width:200px;border-radius:50px;background-color:#0097e2;font-size:16px;color:#fff;}

/* ===================== 在线留言 ===================== */

/* ===================== 联系我们 地图 ===================== */
#allmap{height:500px;}
#allmap img{max-width:none!important;}

/* ===================== 联系我们 地图 ===================== */

/* ===================== 回到顶部 ===================== */
.go_top{display:none;background:url(../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align:center;background-color:#0097e2;border-radius:50%;position:fixed;right:6px;bottom:100px;z-index:99999999999;}

/* ===================== 回到顶部 ===================== */
.firstRow img{display:inline-block;}

/* ================================ 内页 END ================================ */

/*===================== 响应式代码 START =====================*/
.header .menu_box{display:none;}
.header .menu_box{float:right;width:24px;height:54px;}
.header .nav_button{position:absolute;right:15px;top:26px;vertical-align:middle;width:24px;height:2px;cursor:pointer;background-color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav_button::after,.header .nav_button::before{content:'';width:24px;height:2px;position:absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav_button::after{top:9px;}
.header .nav_button::before{top:-9px;}
.header .menu_box.on .nav_button{width:0;}
.header .menu_box.on .nav_button::before{-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);}
.header .menu_box.on .nav_button::after{-webkit-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);}
#close{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}
.wap_son{display:none;padding:0 13px;margin-bottom:20px;}
.wap_son a{width:48%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;margin:1%;float:left;background-color:#0097e2;}
 .fixed_footer{display:none;}
 .fixed_footer{display:none;background-color:#0097e2;height:50px;position:fixed;bottom:0;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px 10px 0 0;}
@media (min-width:640px){
	 .fixed_footer{width:640px!important;left:50%;margin-left:-320px;}
}
 .fixed_footer a{float:left;width:33.33%;text-align:center;}
 .fixed_footer img{display:inline-block;height:24px;margin:5px 0 0;}
 .fixed_footer strong{color:#fff;font-size:12px;display:block;height:20px;line-height:20px;}
.wap_show{display:none;}
@media(max-width:1610px){
	.section_three .num{width:1200px;background-size:contain;}
	.section_three .num .item{width:300px;margin-top:20px;}
}

@media( max-width:1500px ){
	.w1500{
		width: 96%;
		margin: 0px auto;
	}
}
@media(max-width:1200px){
	.f_18{ font-size:14px; }
	.f_24{ font-size:20px; }
	.f_30{ font-size:24px; }
	.f_38{ font-size:30px; }
	.f_48{ font-size:28px !important; }
	.f_58{ font-size:30px !important; }
	.wap_show{display:block;}
	.pc_show,.section_three .info strong span{display:none;}
	html,body{max-width:750px;margin:0 auto!important;}
	.header .nav ul li em,.header .nav ul li i,.product_list_two .item .info p,.product_list_three .item .info p,.header .call,.banner .swiper-button-next,.banner .swiper-button-prev,.news_two .news_box li p,.arrow_down,#list .left_side,.news_one .news_box li .img .bg,.news_article_box .left_fixed,#none,#footer .f1,#footer .two,#footer .f4{display:none;}
	.header .menu_box, .fixed_footer,.wap_son{display:block;}
	#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto,.sygg,.content,#footer .f2,#footer .footer_con,.inner1,.gg .inner1 .gtel,.ab .middl_box .auto{width:auto;padding:0 15px;}
	.header{height:30px;background:#0097e2;max-width: 750px;}
	.header .inner{padding:0 15px;width:auto;height:54px;}
	.header .logo img{height:50px;margin:5px 0 0 0;}
	.header .nav{position:fixed;width:280px;height:auto;overflow:auto;padding:20px 0;top:50%;left:50%;margin:-200px 0 0 -140px;z-index:9999999999;background-color:#fff;box-shadow:0 0 10px #f1f1f1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
	.header .nav ul li{display:block;float:none;width:90%;margin:0 auto;height:40px;line-height:40px;border-bottom:1px solid #f9f9f9;}
	.img_big_box{ width: 90%; margin: 0 auto;}
	.header .nav ul li span,.header .nav ul li a{color:#333!important;}
	.header .nav ul li a:hover span,.header .nav ul li a.active span{line-height:40px;}
	.header .nav ul li:last-child{border:none;}
	.product_son{display:none!important;}
	#footer{height: auto;}
	.copyright{height:auto;line-height:40px;}
	#footer .f2{margin:0;}
	.position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
	#allmap{height:300px;}
	#nyba{height:300px;}
	.fade_text{margin-top:110px;}
	.fade_text .cn{line-height:40px;height:40px;}
	.fade_text .cn span{font-size:30px;}
	.fade_text .en{font-size:16px;}
	.fade_text .line{margin:10px auto;}
	.form_box_box,ul.fs{width:100%;}
	.form_box_box{margin:0;padding:20px 0;box-shadow:none;}
	ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;}
	.product_list_one .item,.product_list_two .item,.product_list_three .item{width:49%;margin:0.5%;}
	.product_list_one .item .info{padding:10px 0 ;}
	.product_list_two .item .info{min-height:70px;}
	#list .right_side{float:none!important;width:100%!important;}
	.news_one .news_box li .img,.news_one .news_box li .info{float:none!important;width:100%;}
	.news_one .news_box li .img{height:200px;}
	.news_one .news_box li .info{padding-top:20px;height:auto;}
	.news_one .news_box li .info .time{padding:6px 0;}
	.news_one .news_box li .info .line{margin-bottom:6px;}
	.news_one .news_box li:hover .info{padding-top:20px;}
	.son_list{height:40px;}
	.son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;}
	.news_article_box .right_article{width:100%;float:none;background-color:#fff;margin-top:54px;}
	.news_article_box .h1_title h1{font-size:24px;font-weight:400;}
	.news_article_box .inner_content,.news_article_box .h1_title{padding:20px;}
	.news_two .news_box li{width:49%;margin:0.5%;}
	.news_two .news_box li a{padding:8px;}
	.news_two .news_box li .time strong{font-size:30px;}
	.fixed_body .fixed_article{width:90%;height:500px;margin:-250px -45% 0 0;}
	.fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;}
	.fixed_body .fixed_article .fb_close i{margin-top:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
	.info_big_box{width:100%;height:auto;}
	.info_big_box h1{margin-top:0;font-size:20px;}
	.info_big_box .info_1{margin-top:10px;}
	.info_big_box .share{margin:0 0 10px 0;}
	.section_three .video,.footer .logo,.footer .one,.footer .ewm,.tabbox .tab .item .info h3 span,.tabbox .content,.section_seven .item_box .arrow,.section_three .right h1 span,.section_three .left,.section_three .video_box,#top_scroll ul li span,.info_big_box .info_1 .dh:nth-of-type(2),.info_big_box .info_1 .dh:nth-of-type(3),.info_big_box .info_3,.section_two .more div.fl,.sygg .fl p,.gg .inner1 .gtxt h5,.gg .inner1 .gtel em,.atel ul li img,.ab_t::after,.about .ystxt .ystel a em{display:none!important;}
	.xgcp_title{margin-top:10px;}
	.pub_title h4{font-size:30px;padding-top:30px;}
	.pub_title h4 img{width: 50px;margin: 0;}
	.pub_title p{font-size:16px;margin-bottom:20px;}
	.factory_box .pub_title,.section_seven .pub_title,.section_nine .pub_title{padding:35px 0;}
	.inner,.footer .inner,.tabbox,.footer .two,.section_three .auto,.section_three .num{width:auto;padding:0 15px;}
	.section_three,.section_four,.section_eight,.section_nine{height:auto;padding-bottom:30px;}
	.section_one{height:auto;padding-bottom:30px;background-size:cover;padding-top: 0;}
	.sygg{height:auto;margin: 0 auto 0;}
	.sygg .fl,.sygg .fr{float:none;width:auto;text-indent:0;padding-top: 10px;}
	.sygg .fr{background:#e7eff0 url(../images/a2.png) no-repeat 10px 40px;padding:10px 0 10px 70px;}
	.sygg .fl h4{font-size:20px;text-align:center;}
	.section_two .more{width:100%;background-color:#fff;margin:20px 0;}
	.section_two .more a.fl{margin:0 auto;float:none;}
	#top_scroll{height: 500px;}
	#top_scroll ul li{width: 49%;}
	#top_scroll ul li .clear{line-height: 30px;height: 30px;}
	#top_scroll ul li h3{font-size: 14px;width: auto;text-align: center;float:none;}
	.section_two .wap_show ul li{float:left;width:48%;margin:1%;}
	.section_two .wap_show ul li h3{font-size:16px;color:#333;margin-top:10px;text-align:center;}
	.ab{height: auto;padding: 30px 0 ;}
	.ab .middl_box .auto{margin: auto;}
	.ab .middl_box{height: auto;}
	.ab .amore{margin-top: 30px;}
	.ab .amore a.xq{width: 120px;}
	.ibrand-num{text-align: center;}
	.ibrand-num li{width: 130px;height: 130px;margin: 0 10px;float: none;display: inline-block;}
	.ibrand-num li:first-child { margin: 0 10px; }
	.ibrand-num li .spinner{width: 122px;height: 122px;}
	.ibrand-num li span{font-size: 30px;}
	.about .ystxt{right: 10%;bottom: 20px;text-align: center;}
	.about .ystxt p{text-align: left;}
	.about .ystxt .ystel{padding: 0 30px;}
	.section_three{background-position:right center;margin:0;padding-top:30px;}
	.section_three .info h1{font-size:24px;}
	.section_three .info .text{padding-top:0;}
	.section_three .info strong{font-size:40px;}
	.section_three .info{width:100%;float:none;}
	.section_three .num{background:none;margin-top:20px;height:auto;}
	.section_three .num .item{width:30%;box-sizing:border-box;}
	.section_three .num .item h3{font-size:20px;}
	.section_three .num .item p{font-size:16px;}
	.al_one .info{width:auto;float:none;}
	.al_one .pub_title img{margin:0 auto;}
	#scroll_one1{height:390px;}
	.duyou{
		overflow: hidden;
	}
	#scroll_one1 ul li{width:260px;}
	#scroll_one1 ul li h3{font-size:14px;}
	.al_one .pub_title{float: none;margin: 0;}
	.al_one{margin:50px 0 0;background: none;}
	.al_one .info .more .but{margin: 10px 0 0 0;}
	.section_eight .title strong{font-size:24px;}
	.section_eight .title p{font-size:14px;}
	.section_eight ul li{width:48%;}
	.section_eight ul li strong{height:30px;line-height:30px;}
	.section_eight .more{width:70%;}
	.tabbox .tab,.tabbox .tab .item{width:100%;}
	.tabbox .tab .item{height: auto;}
	.tabbox .tab .item .img{width:100%;height: auto;float: none;}
	.tabbox .tab .item .img img{width:100%;height: auto;}
	.tabbox .tab .item .info{width:100%;box-sizing:border-box;padding:5px;float: none;}
	.footer .two{border:none;}
	.banner{margin-top:110px!important;}
	.index_box{margin:0;}
	.atel{width: 100%;padding: 0 15px;box-sizing: border-box;}
	.atel ul li{width: 100%;margin: 10px 0 0 0 !important;height: auto;padding: 10px;border-radius: 30px;animation:none !important;}
	.atel ul li:first-child{margin: 0 !important;}
	.ab dd{width: 100%;padding:15px;background: rgba(236,85,4,0.95)}
	.ab dd p{font-size: 14px;line-height: 24px;}
	.ab_t a{font-size: 30px;}
	.ab .atxt a{float: none;margin: 10px auto 0;}
	.atxt{margin-top: 10px;}
	.jingzhid{
		display: none;
	}
	
	.w1400 {
	    width: 96%;
	    margin: 0 auto;
	}
}



@media screen and (max-width: 768px){
.inner-wrap{width: 82%; margin: 0 auto; padding: 20px 20px 30px 20px;background-image: url(../images/image-kontakt.jpg);background-position: left center; background-repeat: no-repeat;border-radius: 5px;  background-size: cover;max-width: 1230px;}
.inner-wrap .pf-title{font-size:26px;line-height:32px;color:#FFF; text-align:center;padding:0;margin: 1em 0;}
.inner-wrap .pf-text{font-size:20px;line-height:32px;color:#FFF; text-align:center;padding:0;}
.inner-wrap .tel-btn{font-size: 20px; font-weight: 500;  width: 100%;  padding: 13px 15px 10px 15px !important; height: 58px;color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); visibility: visible;border-radius: 5px;}
.inner-wrap .mail-btn{font-size: 20px; font-weight: 500;  width: 100%;  padding: 13px 15px 10px 15px !important; height: 58px;color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); visibility: visible;border-radius: 5px;margin-top: 10px;}
.inner-wrap .tel-btn .prefooter-tel{background: url(../images/icon-tel.svg) no-repeat;  display: inline-block; vertical-align: middle;  margin-right: 15px;
    text-indent: 50px;  height: 35px;  line-height: 35px;  width: 100%; color:#000;}
.inner-wrap .mail-btn .prefooter-mail{background: url(../images/icon-mail.svg) no-repeat;  display: inline-block; vertical-align: middle;  margin-right: 15px;text-indent: 50px;  height: 35px;  line-height: 35px;  width: 100%;color:#000;}	

}

@media( max-width:640px ){
	#scroll_one1 ul li div{
		height: 260px;
	}
	.al_one .info .swiper-slide{width: 400px !important; }
	.al_one .info .swiper-button-prev{left: 0  !important;}
	.al_one .info .swiper-button-next{right:  0  !important;}
	.banner {
	    margin-top: 60px!important;
	}
	.header {
	    height: 15px;
	    background: #0097e2;
	    max-width: 750px;
	}
	#scroll_one1 ul li {
	    width: 165px;
	}
	#scroll_one1{
		height: 260px;
		padding: 0;
	}
	#scroll_one ul li img {
	    width: 260px;
	    height: auto;
	    border: 7px solid #fff;
	    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
	}
	#scroll_one{
		height: 303px;
	}
	#nyba{
		background-size: auto 50%;
	}
}
@media( max-width:500px ){
	.al_one .info .swiper-slide{width: 350px !important; }
}
@media( max-width:320px ){
	.al_one .info .swiper-slide{width: 320px !important; }
}
/*===================== 响应式代码 END =====================*/



.winImgDiv{display: none;}